<div id="score">
    <div class="top">
        <b>我的成绩</b>
        <div><i></i><span>{{termScore.name}}</span>应修学分<span>{{termScore.totalScore}}</span>分</div>
        <div class="buttonGroupDirective">
            <button type="button" class="btn " ng-class="{'active':termScore.name=='第一学期'}" ng-click="showScore(0)">第一学期</button>
            <button type="button" class="btn"  ng-class="{'active':termScore.name=='第二学期'}" ng-click="showScore(1)">第二学期</button>
            <button type="button" class="btn"  ng-class="{'active':termScore.name=='第三学期'}" ng-click="showScore(2)">第三学期</button>
            <button type="button" class="btn"  ng-class="{'active':termScore.name=='第四学期'}" ng-click="showScore(3)">第四学期</button>
            <button type="button" class="btn"  ng-class="{'active':termScore.name=='第五学期'}" ng-click="showScore(4)">第五学期</button>
        </div>
    </div>
    <div class="middle clearfix">
        <div class="first pull-left"><i></i>成绩列表</div>
        <div class="second pull-right">本学期已修学分<span>{{termScore.finishedScore}}</span>分</div>
    </div>
    <table class="table record table-bordered table-striped">
        <tr>
            <th>课程</th>
            <th>课程类型</th>
            <th>课件成绩</th>
            <th>作业成绩</th>
            <th>问答成绩</th>
            <th>平时成绩</th>
            <th>卷面成绩</th>
            <th>函授站成绩</th>
            <th>总评成绩</th>
            <th>课程学分</th>                   
        </tr>
        <tr ng-repeat="item in termScore.scores">
            <td title="{{::item.courseName}}"><span class="courseName">{{::item.courseName}}</span></td>
            <td>{{::item.courseType}}</td>
            <td>{{::item.wareGrade}}</td>
            <td>{{::item.workGrade}}</td>
            <td>{{::item.aqGrade}}</td>
            <td>{{::item.normalGrade}}</td>
            <td>{{::item.examGrade}}</td>
            <td>{{::item.stationGrade}}</td>
            <td>{{::item.totalGrade}}</td>
            <td>{{::item.score}}</td>
        </tr>
         <tr >
            <td ><span class="courseName"></span></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
           
        </tr>
    </table>
</div>